<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%
	StringBuffer strURL = request.getRequestURL();
	String URL = strURL.toString();
	String contPath = request.getContextPath();
	int nIndex = URL.indexOf(contPath);
	URL = "http://tugo.cn/weixin_aef/";
	%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<!-- 移动端必须的设置 -->
<link rel="stylesheet" href="<%=URL%>newedition/css/aui.css" />
<link rel="stylesheet" href="<%=URL%>newedition/css/oiler_taskStatus.css" />
<link rel="stylesheet" href="<%=URL%>newedition/css/aui-pull-refresh.css" />
<script type="text/javascript" src="<%=URL%>newedition/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="<%=URL%>newedition/js/aui-toast.js"></script>
<script type="text/javascript" src="<%=URL%>newedition/js/aui-slide.js"></script>
<script type="text/javascript" src="<%=URL%>newedition/js/aui-pull-refresh.js"></script>
<script type="text/javascript" src="<%=URL%>newedition/js/aui-popup-new.js"></script>
<script type="text/javascript" src="<%=URL%>newedition/js/aui-dialog.js"></script>
<script type="text/javascript" src="<%=URL%>js/cookies.js?version=1.1"></script>
<script type="text/javascript" src="<%=URL%>newedition/js/base.js?version=3.4"></script>
<script type="text/javascript" src="<%=URL%>newedition/js/doRefresh.js"></script>
<script type="text/javascript" src="<%=URL%>newedition/js/auipopupstyle.js"></script>
<script type="text/javascript" src="<%=URL%>newedition/js/salesman/salesman.js?version=2.1"></script>
<script type="text/javascript" src="<%=URL%>js/doT.min.js"></script>
<title>任务状态</title>
		<style>
			.aui-list-item-label-icon {
				width: 1.5rem;
				height: 1.5rem;
				justify-content: center;
				border-radius: 1.5rem;
				background-color: #00a0e9;
				text-align: center;
				padding: 0!important;
			}
			
			.addStatus {
				background-color: #f4565e!important;
			}
		</style>
		<style>
			.aui-popup-content {
				background-color: rgba(68, 68, 68, 0.9);
				border-radius: 0.2rem;
				overflow: hidden;
				min-height: 4.5rem;
				height: 100%;
			}
			
			.aui-popup-arrow {
				position: absolute;
				width: 10px;
				height: 10px;
				-webkit-transform-origin: 50% 50% 0;
				transform-origin: 50% 50% 0;
				background-color: transparent;
				background-image: -webkit-linear-gradient(45deg, #ffffff, #ffffff 50%, transparent 50%);
				background-image: linear-gradient(45deg, rgba(68, 68, 68, 0.9), rgba(68, 68, 68, 0.9) 50%, transparent 50%);
			}
		</style>
	</head>

	<body>
	<script type="text/javascript">
	<%String orderid = (String) request.getParameter("orderid");%>
		$(function() {
			findlist(getCookie("salesmaniphone"), <%=orderid%>, 9) 
		})
	</script>
		<header class="aui-bar aui-bar-nav">
			<!-- <a class="aui-pull-left aui-btn">
				<span class="aui-iconfont aui-icon-left"></span>
			</a> -->
			<div class="aui-title">任务详情</div>
			<a class="aui-pull-right aui-btn" onclick="showPopup('top-right')">
				<span class="aui-iconfont aui-icon-more"></span>
			</a>
		</header>
		<div class=" aui-refresh-content">
			<div class="banner-box">
				<div class="company aui-margin-b-15" id="orgname">某某汽修公司</div>
				<div class="address aui-margin-b-15" id="address">[ 收油地址 ] 重庆市渝中区中山四路*****号</div>
				<div class="expected-quantity">预计收油桶数</div>
				<div class="expected-quantity01" id="num"> </div>
			</div>
			<div class="actual-quantity aui-margin-b-15">
				<div class="actual-quantity-left">
					<i class="icon iconfont icon-iconfuzhi"></i>
					<span>实收桶数</span>
				</div>
				<div class="actual-quantity-right">
					<span id="realnum"></span>
					<span>桶</span>
				</div>
			</div>
			<div class="aui-content aui-margin-b-15">
				<ul class="aui-list aui-media-list">
					<li class="aui-list-item aui-list-item-middle">
						<div class="aui-media-list-item-inner">
							<div class="aui-list-item-label-icon">
								<i class="aui-iconfont aui-icon-date" style="color: #FFFFFF;"></i>
							</div>
							<div class="aui-list-item-inner" style="padding-left: 0.75rem;">
								<div class="aui-list-item-text">
									<div class="aui-list-item-title aui-font-size-14" id="createdDt">发布时间: 2017-07-15 08:30</div>
								</div>
							</div>
						</div>
					</li>
					<li class="aui-list-item aui-list-item-middle">
						<div class="aui-media-list-item-inner">
							<div class="aui-list-item-label-icon" style="background-color: #feb518;">
								<i class="aui-iconfont aui-icon-phone" style="color: #FFFFFF;"></i>
							</div>
							<div class="aui-list-item-inner" style="padding-left: 0.75rem;">
								<div class="aui-list-item-text">
									<div class="aui-list-item-title aui-font-size-14" id="xphone">联系时间: 182****2564</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="aui-content aui-margin-b-15">
				<ul class="aui-list aui-media-list">
					<li class="aui-list-item aui-list-item-middle">
						<div class="aui-media-list-item-inner">
							<!-- <div class="aui-list-item-media" style="width: 3rem;">
								<img src="" class="aui-img-round aui-list-img-sm">
							</div> -->
							<div class="aui-list-item-inner">
								收油商
							</div>
						</div>
					</li>
					<li style="padding: 1rem 0.75rem 0.25rem 0.75rem;">
						<div class="line"></div>
						<div class="status aui-media-list-item-inner">
							<div class="status-content">
								<span class="wait addStatus">任务待确定</span>
								<span class="wait-time">2017-08-03 0:0:0</span>
							</div>
							<div class=" status-content">
								<span class="now addStatus">收油进行中</span>
								<span class="now-time">2017-08-03 0:0:0</span></div>
							<div class=" status-content">
								<span class="finish addStatus">任务已结束</span>
								<span class="finish-time">2017-08-03 0:0:0</span>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="submit">
				<span   class="sure" onclick="updateorders(<%=orderid%>)">确认任务</span>
			</div>
		</div>
	</body>
	<script>
		var toast = new auiToast();
		var dialog = new auiDialog();
		// id判断任务状态执行阶段
		function pageChange(id) {
				dialog.alert({
					title: "请确认收油桶数",
					msg: '',
					text:'',
					buttons: ['取消', '确定'],
					input:true
				}, function(ret) {
					/* console.log(ret) */
				})
		}
		dorefresh();
	</script>

</html>